<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         * 
         * 浏览器的重排与重绘
         * 1. 当改变页面中元素的几何属性的时候，会导致页面中元素的位置关系的改变，进而影响其他元素的位置，浏览就需要对元素的位置进行重新计算，这个计算的过程叫做重排。重排之后，重新绘制的过程，叫做重绘
         * 
         * 
         * 2. 文档碎片：
         *    2-1. document.createDocumentFragment
         * 
         * 3. vue - react 引入 虚拟dom
         * 
         */

        
    </script>
</body>
</html>